﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css">
        body{border:1px solid green;}
        #p1{ border:1px solid red;margin:5px;padding-top:50px;position:relative;}
        #p1a{border:1px solid blue;margin:5px;padding-top:50px; }
        #p1a1{border:2px solid black;height:200px; position:absolute; top:50px;}
        #p1a2{border:1px solid yellow;height:200px;}
    </style>
</head>
<body>
    <div id="p1">
        <div id="p1a">
            <div id="p1a1">p1a1</div>
            <div id="p1a2">p1a2</div>
        </div>
    </div>
    <span style="position:fixed">qingdao</span>
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

    ssss
</body>
</html>
